
.orderList {
  .filterBar {
    background: var(--mall-store-background-color);

    .placedDateButton {
      background: inherit;
      padding: 0 6px;

      &:hover {
        border: 1px solid;
      }
    }
  }

  .orderTableHeader {

    :global {

      th.ant-table-cell {
        border-bottom: none;
      }

      .ant-table-tbody {
        display: none;
      }
    }
  }

  .order {
    margin: 16px 0;

    .OrderHeaderActions {
      text-align: right;
      display: inline-flex;
      justify-content: flex-end;
      align-items: center;

      .OrderHeaderSpace {
        margin: 0 4px;
      }

      :global {
        .ant-btn-link {
          padding: 0;
        }
      }
    }

    .tableOrderNameColumn {
      display: inline-flex;
      align-items: center;
      border-right: none;
      width: 100%;

      :global {
        img {
          height: 60px;
          width: 60px;
          background: var(--mall-store-background-color);
          margin-right: 8px;
        }
      }
    }

    .orderStaffStars {

      .staffStarsCount {

        .staffStarsNumbers {
          color: #ff4d4f;
          height: 24px;
          margin-left: 2px;
          display: inline-flex;
          align-items: center;
        }

        :global {
          .anticon-star {
            font-size: 16px;
            color: #fadb14;
            position: relative;
            top: 1px;
          }
        }
      }
    }

    :global {
      .ant-table-title {
        background: #fafafa;
      }

      tr.ant-table-row:hover > td {
        background: #fff !important;
      }

      .ant-table-footer {
        background: #fffbe6;
        color: #faad14;
      }
    }
  }
}
